/**index.wxss**/

.container {
 height: 100vh;
 padding: 20rpx 0;
 box-sizing: border-box;
 background-color: #fff;
}


.userinfo {
 width: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
 color: #aaa;

}

.userinfo-avatar {
 overflow: hidden;
 width: 128rpx;
 height: 128rpx;
 margin: 20rpx;
 border-radius: 50%;
}

.usermotto {
 width: 100%;
 margin-top: 50px;
 padding: 0 40rpx;
 box-sizing: border-box;
}

.btn {
 width: 100%;
}

.box {
 width: 100%;
 padding: 20rpx;
 box-sizing: border-box;
}

.top-box {
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: space-between;

}

.user_box {

 display: flex;
 justify-content: center;
 align-items: center;

 .tell {
  margin-top: 10rpx;
 }
}

.volume-o {
 font-size: 40rpx;
 color: #1989fa
}

.cell-group {
 margin-top: 100rpx;
}